<!-- <!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" dir="ltr"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en" dir="ltr"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" dir="ltr"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="en" dir="ltr"><!--<![endif]-->

<head>
<!-- Meta Data ================ -->
<!-- Meta Data ================ -->
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="assets/images/logo_muni.png"/>
<meta name="description" content="Fill this in with your information" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- CSS ================ -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="assets/css/style.css" type="text/css"/>
<link rel="stylesheet" href="assets/css/header-1.css" type="text/css"/>

<!-- Icons ================ -->
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" />
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png" />
<!-- For iPhone with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png" />
<!-- For third-generation iPad with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png" />
<link rel="shortcut icon" href="favicon.ico" />

<!-- Open Graph for facebook
http://graph.facebook.com/[UserName] replace [UserName] 
with yours and get your fb:admis content information where the XXXX goes.
================================================== -->
<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content=""/>
<meta property="og:site_name" content="" />
<meta property="fb:admins" content="XXXXX" />
<meta property="og:locale" content="en_us" />
<meta property="og:description" content="  " />


<!-- SCRIPTS ============================================== -->
		<!--	NOTE:: jquery 1.9.1 supports older ie, 2.0 does not, but 1.9.1 does not work well on ie8 and 
				lower so version 1.7.2 is called for older versions of ie 
				:: calling jQuery in the head for ajax work if necessary.
				-->
		<!--[if gt IE 8]><!-->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="assets/js/jquery-1.9.1.min.js"><\/script>')</script>
		<!--<![endif]-->
		<!--[if lte IE 8]>
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<![endif]-->

<!-- Add to Head after Style sheet http://modernizr.com/docs/#installing  ================ -->
<script src="assets/js/modernizr.js"></script><!-- js multiple backgrounds svg background size -->
<script src="assets/js/jquery.uploadprogress.0.3.js"></script><!-- js multiple backgrounds svg background size -->


<!-- sequence slider -->
<link rel="stylesheet" href="assets/css/sequence-slider.css" type="text/css" media="screen" />

</head>
	<body class="holy-grail-three-columns">
		<header class="header  clearfix"> <img src="assets/images/print-logo.png" class="print logo" alt="name of company" />
			<div class="container"> 
				<div class="mobile-menu-holder"><!--clone menu here for mobile--></div>
				<!-- begin #logo -->
				<div id="logo"> <a href="index.html"><img alt="" src="assets/images/trans.gif" /><!--effing ie7 support--></a> </div>
				<!-- end #logo --> 
			</div>
			<!-- close / .container--> 
		</header>
		<!-- close /.header --> 
		<?php
		$username = array('name' => 'username', 'placeholder' => 'nombre de usuario');
		$password = array('name' => 'password',	'placeholder' => 'introduce tu password');
		$submit = array('class' => 'btn btn-primary','name' => 'submit', 'value' => 'Iniciar sesión', 'title' => 'Iniciar sesión');
		?>
		<!-- begin #page - the container for everything but header -->
		<div id="page">
			<div class="container visible-phone">
				<p class="right"><a class="btn btn-primary scrollto" href="#secondary-nav">Page Menu &nbsp;<i class="icon-align-justify"></i></a> <a class="btn scrollto" href="#tertiary-nav">Blog Menu &nbsp;<i class="icon-align-justify"></i></a></p>
			</div>

			<div class="hero-unit">
				<div class="container">
					<h2><?php echo $title;?></h2>
				</div>
				<!--close container--> 
			</div>
			<!--close hero-unit-->
			<div class="container clearfix" id="main-content"> 
			<!--begin main content-->
				<div class="row-fluid"><!--begin row-fluid-->
					<div class="primary-column" id="divPrincipal"><!--begin primary-column-->
						<h3 class="short_headline"><span>Iniciar Sesión</span></h3>	
						<div class="span6"><!--begin span6-->
							<?=form_open(base_url().'backend/index/new_user')?>
							<label for="username">Nombre de usuario:</label>
							<?=form_input($username)?><p><?=form_error('username')?></p>
							<label for="password">Introduce tu password:</label>
							<?=form_password($password)?><p><?=form_error('password')?></p>
							<?=form_hidden('token',$token)?>
							<?=form_submit($submit)?>
							<?=form_close()?>
							<?php 
							if($this->session->flashdata('usuario_incorrecto'))
							{
							?>
							<p><?=$this->session->flashdata('usuario_incorrecto')?></p>
							<?php
							}
							?>
						</div><!--end span6-->
					</div><!--end primary-column-->
				</div><!--end row-fluid-->
			</div><!--end main content-->
		</div>	
	<footer id="footer" class="clearfix">
		<div class="container"><!--footer container-->										
			<section>
				<h4>Teléfonos Útiles</h4>
				<div class="row-fluid">
					<div class = "span4">
						<ul>
							<li>
								<h5><strong>Municipalidad de Gualeguaychú</strong></h5>
								<ul>
									<li><strong>Conmutador: </strong> +54 (3446) 420400</li>
								</ul>
							</li>
							<li>
								<h5><strong>Secretarías</strong></h5>
								<ul>
									<li><strong>Desarrollo Social: </strong> +54 (3446)  420411 / 412 / 413</li>
									<li><strong>Gobierno: </strong> +54 (3446) 420434</li>
									<li><strong>Planeamiento: </strong> +54 (3446) 420407</li>
									<li><strong>Hacienda: </strong> +54 (3446)  420465</li>
									<li><strong>Obras Públicas: </strong> +54 (3446) 422710</li>
									<li><strong>Turismo: </strong> +54 (3446) 422900 / 423668</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="span4">							
						<ul>
							<li>
								<h5><strong>Otras Áreas</strong></h5>
								<ul>
									<li><strong>Prensa: </strong> +54 (3446)  420430 /<strong>Fax: </strong>420428</li>
									<li><strong>HCD: </strong> +54 (3446) 420443</li>
									<li><strong>Cultura: </strong> +54 (3446) 427989 / 432643</li>
									<li><strong>Estación: </strong> +54 (3446)  422227</li>
									<li><strong>Mantenimiento: </strong> +54 (3446) 430908</li>											
								</ul>
							</li><br>
							<li>
								<h5><strong>100 Bomberos</strong></h5>
								<ul>											
									<li><strong>Bomberos Voluntarios: </strong> +54 (3446)  423333</li>											
								</ul>
							</li>
						</ul>
					</div>							
					<div class="span4">							
						<ul>
							<li>
								<h5><strong>103 Defensa Civil</strong></h5>
								<ul>
									<li>Atención permanente las 24 hs. Actúa ante inundaciones, accidentes en la vía pública, derrame de sustancias tóxicas, etc.</li>											
								</ul>
							</li>
							<li>
								<h5><strong>106 Emergencia Nautica</strong></h5>										
							</li><br>
							<li>
								<h5><strong>107 Emergencia Médica</strong></h5>										
								<ul>
									<li>Servicio gratuito de ambulancias y atención médica de urgencia que cubre toda la Ciudad.</li>
								</ul>
							</li>

						</ul>
					</div>					
				</div>
			</section>
			<!--close section-->									
	</footer>
	<!--/.footer--> 
	
	<span class="backToTop"><a href="#top">back to top</a></span> </div>
<!-- close #page--> 

<!-- JS JQuery ================ --> 
<script src="assets/js/bootstrap.min.js"></script>


<!--initialize scripts / custom scripts all pages--> 
<script src="assets/js/custom.js"></script>
</body>
</html>